<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>NodeCms</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- Bootstrap 3.3.4 -->
        <link href="/admin_lte/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- Font Awesome Icons -->
        <link href="/lib/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="/admin_lte/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
        <!-- iCheck -->
        <link href="/admin_lte/plugins/iCheck/square/blue.css" rel="stylesheet" type="text/css" />
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="login-page">
        <div class="login-box">
            <div class="login-logo">
                <a href=""><b>NodeCms</b>login</a>
                </div>
                <div class="login-box-body">
                    <p class="login-box-msg">
                        <% if(flash && flash.error){%>
                        <span class="text-yellow"><%-flash.error%>  </span>
                        <%}else if(flash.succ){%>
                        <span class="text-red"><%-flash.succ%>  </span>
                        <%}else{%>
                        <%-'开始管理的你的站点!'%>
                        <%}%>
                    </p>
                    <form  method="post">
                        <div class="form-group has-feedback">
                            <input type="input" name="username" class="form-control" placeholder="账号"/>
                            <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                        </div>
                        <div class="form-group has-feedback">
                            <input type="password" name="password" class="form-control" placeholder="密码"/>
                            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                        </div>
                        <div class="row">
                            <div class="col-xs-8">
                                <div class="checkbox icheck">
                                    <label>
                                        <input type="checkbox"> 记住我
                                    </label>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <button type="submit" class="btn btn-primary btn-block btn-flat">登 陆</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- jQuery 2.1.4 -->
            <script src="/admin_lte/plugins/jQuery/jQuery-2.1.4.min.js"></script>
            <!-- Bootstrap 3.3.2 JS -->
            <script src="/admin_lte/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
            <!-- iCheck -->
            <script src="/admin_lte/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
            <script>
            $(function () {
                $('input').iCheck({
                        checkboxClass: 'icheckbox_square-blue',
                        radioClass: 'iradio_square-blue',
                        increaseArea: '20%' // optional
                    });
                });
            </script>
        </body>
    </html>